<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scaleble=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公告</title>
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/首页/index.css">
</head>

<body>
    <header class="top_bg">
        <div class="h45 ac">
            <a href="javascript:;" class="left_btn"></a>
            公告
        </div>
    </header>
    <div class="noticeLists">
        <div class="h45">
            <p>1.GNC数字资产的价格与拥有方式</p>
            <i class="noticeBtn c1" data-n="nt1"></i>
        </div>
        <div class="h45">
            <p>2.用户合约</p>
            <i class="noticeBtn c2" data-n="nt2"></i>
        </div>
    </div>

    <div class="mask_wrap">
        <div class="pop_notice nt1">
            <i class="close fr"></i>
            <div class="clear"></div>
            <div class="notice_details">
                <p class="notice_title">GNC数字资产的价格与拥有方式</p>
                <div class="notice_text">
                    GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式GNC数字资产的价格与拥有方式
                </div>
            </div>
        </div>
        <div class="pop_notice nt2">
            <i class="close fr"></i>
            <div class="clear"></div>
            <div class="notice_details">
                <p class="notice_title">GNC数字资产的价格与拥有方式</p>
                <div class="notice_text">
                    奥的斯分公司答复嘎斯的发生的发生的发生大法师打发斯蒂芬斯蒂芬撒的发生的发生的法师打发斯蒂芬
                </div>
            </div>
        </div>
    </div>

    <script src="js/jquery-1.11.3.js"></script>
    <script>
        var is = $('.noticeLists i');
        for (var i = 0; i < is.length + 1; i++) {
            $('.c' + i).on('click', function () {
                var dataN = $(this).attr('data-n');
                // console.log(dataN);
                $('.mask_wrap').show();
                $('.pop_notice').hide();
                $('.pop_notice.' + dataN).show();
            })
        }

        $('.close').on('click', function () {
            $('.mask_wrap').hide();
        })
    </script>
</body>

</html>